<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/head::commonHeaderList('自动约课日志列表')">

</head>
<body>
<div id="content" class="col-lg-12 col-sm-12">
    <div class="row">
        <div class="box col-md-12" style="padding: 0;margin-top: 5px;">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2>
                        <i class="glyphicon glyphicon-list"></i> 自动约课日志列表
                    </h2>
                    <div class="box-icon">
                        <a href="javascript:void(0);" id="smaller" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <form class="form-inline form-search" role="form" method="post" th:action="@{/student/auto/booked/log/list}">
                        <div class="form-group" data-chosenWidth="true"  style="margin-bottom: 5px;">
                            <select name="pageSize" class="form-control input-sm" id="pagesize">
                                <option value="10" th:selected="${pageSize==10}">10条/页</option>
                                <option value="25" th:selected="${pageSize==25}">25条/页</option>
                                <option value="50" th:selected="${pageSize==50}">50条/页</option>
                            </select>
                            <select name="status" class="form-control input-sm" id="status">
                                <option value="">--约课结果--</option>
                                <option value="0" th:selected="${status==0}">失败</option>
                                <option value="1" th:selected="${status==1}">成功</option>
                            </select>
                            <select th:if="${session.storesId == 1}" class="selectpicker show-tick" style="margin-top: 10px"  data-live-search-placeholder="搜索SSC" multiple title="--请选择SSC--" data-live-search="true" name="listSscId" id="listSscId">
                                <!--<option value="">&#45;&#45;请选择SSC&#45;&#45;</option>-->
                                <option th:each="item:${sscList}" th:unless="${listSscId!=null}" th:value="${item.id}" th:text="${item.loginName}"></option>
                                <option th:each="item:${sscList}" th:if="${listSscId!=null}" th:value="${item.id}" th:text="${item.loginName}" th:selected="${#lists.contains(listSscId,item.id)}"></option>
                            </select>
                            <input name="createDate" id="createDate" class="form-control input-sm" maxlength="10" style="min-width:100px;" th:value="${createDate}" placeholder="创建日期" onfocus="WdatePicker({maxDate:'%y-%M-%d',minDate:'2020-05-28'})" autocomplete="off"/>
                            <div class="input-group input-group-sm">
                                <input type="search" name="searchKey" id="search" class="form-control input-sm" th:value="${searchKey}" placeholder="查询关键字..." style="width:200px;"/>
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="submit" > 查 询 </button>
                                </span>
                            </div>
                        </div>
                    </form>
                    <table class="table table-striped table-bordered table-hover footable" data-show-toggle="false">
                        <thead>
                        <tr>
                            <th class="text-center">#</th>
                            <th class="text-center">学员</th>
                            <th class="text-center" data-breakpoints="xs">姓名</th>
                            <th class="text-center" data-breakpoints="xs">套餐名称</th>
                            <th class="text-center">约课时间</th>
                            <th class="text-center">约课结果</th>
                            <th class="text-center">约课详情</th>
                            <th class="text-center" data-breakpoints="xs">创建时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="item,itemStat:${pageInfo.list}">
                            <td class="text-center" th:text="${itemStat.index+1}"></td>
                            <td class="text-center"><a href="javascript:void(0)" th:text="${item.loginName}" th:onclick="|personInfo(${item.studentId})|"></a></td>
                            <td class="text-center" style="white-space:nowrap;" th:text="${item.cnName}"></td>
                            <td class="text-center" style="white-space:nowrap;" th:text="${item.orderName}"></td>
                            <td class="text-center" th:text="${#dates.format(item.classTime,'yyyy/MM/dd HH:mm')}"></td>
                            <td class="text-center" th:switch="${item.status}">
                                <span class="label label-danger" th:case="0" th:text="失败"></span>
                                <span class="label label-success" th:case="1" th:text="成功"></span>
                            </td>
                            <td th:text="${item.result}"></td>
                            <td class="text-center" th:text="${#dates.format(item.createTime,'yyyy/MM/dd HH:mm:ss.SSS')}"></td>

                        </tr>
                        </tbody>
                    </table>
                    <div th:include="include/pageinfo::pager"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include/onload_js::onloadJSCustomList(~{::script})">
    <script src="../../static/js/openPerson.js" th:src="@{'/static/js/openPerson.js'}" ></script>
    <script>
        $(function() {
            $('.footable').footable();
        });

    </script>

</div>
</body>
</html>